<template>
	<view class="signupCard">
		<view class="top">
			<!-- 毕业证样本 -->
			<view class="left">
				<u-image width="344rpx" height="200rpx" :src="examData.edmsp"></u-image>
			</view>
			
			<view class="right">
				<!-- 考试名称 -->
				<view class="ename">{{examData.ename}}</view>
				
				<!-- 证书名称 -->
				<view class="eccnm">{{examData.eccnm}}</view>
				
				<!-- 发证机构 -->
				<view class="eccnm">{{examData.eogze}}</view>
				
				<!-- 发证时间 -->
				<view class="eccnm">{{examData.qftm}}</view>

			</view>
		</view>
		
		<view class="bottom">
			<view class="left">
				<!-- 状态 -->
				<view class="state"  style="color: red;">
					状态:
					<span>{{examData.state}}</span>
				</view>
			</view>
			
			<view class="right">
				<!-- 插槽 -->
				<slot :row="examData"></slot>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		props:{
			examData:{
				type:Object,
				required:true
			}
		}
	}
</script>

<style lang="scss" scoped>
	.signupCard{
		padding: 20rpx;
		box-sizing: border-box;
		.top{
			display: flex;
			.left{
				margin-right: 10rpx;
			}
			.right{
				display: flex;
				flex-direction: column;
				justify-content: space-around;
			}
		}
		.bottom{
			display: flex;
			justify-content: space-between;
			align-items: center;
			.left{
				display: flex;
				flex-direction: column;
				justify-content: space-around;
			}
			
		}
	}
</style>

<!-- 考试列表属性备注  
 id                   varchar(32) not null comment 'id主键',
   name                 varchar(10) comment '考试名称',
   podl                 varchar(10) comment '考试期数',
   emtm                 date comment '考试时间',
   cost                 decimal(10,2) comment '考试费',
   ogze                 varchar(10) comment '主办单位',
   ccnm                 varchar(10) comment '证书名称',
   star                 date comment '报名开始',
   ddle                 date comment '报名截止',
   attm                 date comment '准考证时间',
   state                tinyint comment '状态:1-待生效、2-待考试、3-已完成',
   tplt                 decimal(10,0) comment '报名上限',
   gdtm                 date comment '成绩时间',
   total                decimal(4,1) comment '总分',
   pass                 decimal(4,1) comment '通过分数',
   dsib                 text comment '考试描述',
   dmsp                 text comment '毕业证样本',
   epan                 text comment '考纲说明', -->
   
   
   <!-- 考试表格
   eid                  varchar(32) comment '考试id',
   form                 text comment '表单json',
   
   name                 varchar(10) comment '属性key',
      ndsib                varchar(10) comment '属性描述',
      type                 tinyint comment '属性类型:1-文本、2-单选、3-多选、4-下拉选项、5-上传文件、6-日期、7-多行文本',
      min                  tinyint comment '属性值最小长度',
      max                  tinyint comment '属性值最大长度',
      optn                 varchar(200) comment '选项：格式：1-aaa,2-bbb', -->